<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>领域系统接口管理</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css">
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />
<style type="text/css">
.main {
	overflow: hidden;
}

.icons4WebService {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/W.png');
}

.icons4Rest {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/A.png');
}

.icons4Ftp {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/F.png');
}

.left_menu {
	float: left;
	width: 22%;
	min-height: 410px;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
	overflow: hidden;
}

.tree_con {
	min-height: 340px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
}

/*.menu_tit{
	text-align:center;
	font-weight:bold;
	height:25px;
	line-height:25px;
	background-color:#efefef;
	background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
	margin:0 0 10px 0;
	border-bottom:1px solid #95B8E7;
}*/
.menu_tit {
	margin-bottom: 0;
}

.search-con {
	background: #f0fbff;
	border-bottom: 1px solid #d1d8de;
	padding: 5px 0;
	line-height: 26px;
}

.search-con .text {
	width: 110px;
	height: 20px;
	line-height: 20px;
	border-radius: 0;
}

.left_menu .text {
	/*border: 1px solid #95B8E7;*/
	border: 1px solid #d3d8d9;
	padding: 2px 3px;
}

.right_con {
	float: right;
	width: 77%;
	min-height: 410px;
	position: relative;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
}

.right_con .menu_tit {
	text-align: left;
	padding: 0 0 0 10px;
}

.right_con ul {
	margin: 10px auto;
	width: 775px;
	overflow: hidden;
}

.right_con ul li {
	width: 380px;
	display: block;
	float: left;
	height: 35px;
	overflow: hidden;
	padding: 5px 0;
}

.right_con ul li.li_col {
	width: 775px;
	height: auto;
}

.right_con .text {
	width: 156px;
	/*border: 1px solid #95B8E7;*/
	border: 1px solid #d3d8d9;
	padding: 2px 3px;
}

.right_con .label {
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	line-height: 25px;
}

.right_con .input_con {
	float: left;
}

.onSave {
	margin: 20px auto 0 auto;
	display: block;
	width: 100px;
}

.tree-node-selected {
	background: #ffe48d;
	color: #000000;
}

.right_mask {
	position: absolute;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 10000;
	filter: alpha(opacity = 10);
	opacity: 0.1;
}
</style>

</head>

<body>


	<div class="main">


		<div class="left_menu">
			<div class="menu_tit">领域系统结构</div>
			<div class="hidden search-con">
				<label for="systemName" style="margin-left: 10px;" class="fl">名称：</label>
				<input id="systemName" name="systemName" class="text fl" /> <a
					href="javascript:void(0);" id="searchNode" name="searchNode"
					class="default_btn fl" style="width: 60px; display: block">定位</a>
			</div>
			<div class="tree_con">
				<ul id="tt"></ul>
			</div>
		</div>


		<div class="right_con">
			<div class="menu_tit">地址映射</div>
			<div class="data_con">
				<input id="fieldSystemId" type="hidden" />
				<div id="toolbox" style="padding: 5px; height: 25px"></div>
				<table id="datagrid" style="height: 345px"
					data-options="fitColumns:true,toolbar:'#toolbox'">
				</table>
			</div>
		</div>

		<button id="instance_save" onClick="onSave()"
			class="onSave easyui-linkbutton default_btn" iconCls="icon-ok"
			style="margin-right: 160px;">保存</button>
	</div>

	</div>
	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript" src="../../../js/cook/FormValidate.js"></script>
	<script type="text/javascript"
		src="../../../js/esb/RoutingManagement/AddressMapping.js"></script>

	<script type="text/javascript">
		$(".left_menu, .right_con").css("height",
				($("body").height() - 25) + "px");
		$(".tree_con").css("height", ($("body").height() - 95) + "px");
	</script>
</body>
</html>